﻿<%@ Page Title="" Language="C#" MasterPageFile="~/HomePage.master" AutoEventWireup="true"
    CodeFile="Tour-detail.aspx.cs" Inherits="Tour_detail" %>

<%@ Import Namespace="AppCommon" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
    <title>
        <asp:Literal runat="server" ID="litTitlePage" EnableViewState="False" />
        |
        <%= Constants.TITLE_MAIN_PAGE%></title>
    <meta name="description" content="<%= _meta_description %>" />
    <!--/ facebook meta tag -->
    <meta property="og:title" content="<%= _meta_title %>" />
    <meta property="og:description" content="<%= _meta_description %>" />
    <meta property="og:image" content="<%= _meta_image %>" />
    <meta property="og:url" content="<%= _meta_url %>" />
    <meta property="og:site_name" content="<%= Constants.TITLE_MAIN_PAGE %>" />
    <!--/end facebook meta tag -->
    <!-- google plus meta tag -->
    <meta itemprop="name" content="<%= _meta_title %>" />
    <meta itemprop="description" content="<%= _meta_description %>" />
    <meta itemprop="image" content="<%= _meta_image %>" />
    <!--/ end google plus meta tag -->
    <script src="http://maps.googleapis.com/maps/api/js?key=AIzaSyDY0kkJiTPVd2U7aTOAwhc9ySH6oHxOIYM&sensor=false"
        type="text/javascript"></script>
    <script type="text/javascript" src="<%= Page.ResolveClientUrl("~/js/jquery.scrollbox.js") %>"></script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
    <div class="row">
        <!-- Noi dung chi tiet cua tour -->
        <div class="col-lg-8 col-md-8 col-xs-12">
            <!-- tieu de -->
            <h3 class="tieude-tour">
                <asp:Literal runat="server" ID="litTieude" EnableViewState="False"></asp:Literal>
            </h3>
            <!-- thong tin cap nhat -->
            <p class="gray-color-note">
                <i class="fa fa-calendar"></i>
                <asp:Literal runat="server" ID="litNgaycapnhat" EnableViewState="False"></asp:Literal>
                <i class="fa fa-user"></i>
                <asp:Literal runat="server" ID="litTacgia" EnableViewState="False"></asp:Literal>
            </p>
            <div class="google-plus-social">
                <!-- Place this tag where you want the +1 button to render. -->
                <div class="g-plusone" data-size="medium" data-href="<%= linkTour %>">
                </div>
                <a class="fb-like" data-layout="button_count" data-action="like" data-show-faces="true"
                    data-share="true" data-href="<%= linkTour %>"></a>
                <!-- Place this tag after the last +1 button tag. -->
                <script type="text/javascript">
                    window.___gcfg = { lang: 'vi' };
                    (function () {
                        var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
                        po.src = 'https://apis.google.com/js/platform.js';
                        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
                    })();
                </script>
            </div>
            <div class="basic-info-tour">
                <p class="thumbnail">
                    <asp:Image ImageUrl="~/images/NO_IMAGE.gif" ID="litAnhdaidien" CssClass="img-limit-wh display-100-percent"
                        runat="server" />
                </p>
                <!-- thong tin co ban ve tour -->
                <p>
                    <strong>Thời gian : </strong>
                    <asp:Literal runat="server" ID="litTongsongay" EnableViewState="False"></asp:Literal></p>
                <p>
                    <strong>Khởi hành : </strong>
                    <asp:Literal runat="server" ID="litNgaydi" EnableViewState="False"></asp:Literal>
                    tại
                    <asp:Literal runat="server" ID="litNoidi" EnableViewState="False"></asp:Literal></p>
                <p>
                    <strong>Giá tour : </strong><span class="label label-info gia-tour">
                        <asp:Literal runat="server" ID="litGia" EnableViewState="False"></asp:Literal>
                        VNĐ</span></p>
                <p>
                    <strong>Kết thúc : </strong>
                    <asp:Literal runat="server" ID="litNgayden" EnableViewState="False"></asp:Literal>
                    tại
                    <asp:Literal runat="server" ID="litNoiden" EnableViewState="False"></asp:Literal></p>
                <p>
                    <asp:HyperLink ID="linkDattour" runat="server" CssClass="btn btn-danger"><i class="fa fa-bookmark"></i> Đặt tour</asp:HyperLink></p>
            </div>
            <div class="content-info-tour">
                <!-- Content -->
                <ul class="nav nav-tabs" id="vyc-detail">
                    <li class="active"><a href="#vyc-intro" data-toggle="tab">Chương trình tour</a></li>
                    <li><a href="#vyc-lkh" data-toggle="tab">Lịch khởi hành</a></li>
                    <li><a href="#vyc-ndcb" data-toggle="tab">Những điều cần biết</a></li>
                    <li><a href="#vyc-csckh" data-toggle="tab">Phản hồi</a></li>
                </ul>
                <div class="tab-content">
                    <div class="tab-pane active" id="vyc-intro">
                        <div class="row">
                            <div class="col-sm-12">
                                <asp:Literal runat="server" ID="litNoidung" EnableViewState="False"></asp:Literal>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane" id="vyc-lkh">
                        <div class="basic-info-tour">
                            <div class="lich-khoi-hanh header">
                                <div class="percent25">
                                    Ngày đi</div>
                                <div class="percent25">
                                    Ngày đến</div>
                                <div class="percent25">
                                    Giá tour</div>
                                <div class="percent25">
                                    Tình trạng</div>
                            </div>
                            <asp:Repeater runat="server" ID="repeaterLkh">
                                <ItemTemplate>
                                    <div class="lich-khoi-hanh">
                                        <div class="percent25">
                                            <%# DateTime.Parse(Eval("NgayGioDi").ToString()).ToString("dd/MM/yyyy")%></div>
                                        <div class="percent25">
                                            <%# DateTime.Parse(Eval("NgayGioDen").ToString()).ToString("dd/MM/yyyy")%></div>
                                        <div class="percent25">
                                            <%# String.Format("{0:###,###,##0}", Convert.ToDecimal(Eval("GiaTour"))).ToString()%>
                                            VNĐ</div>
                                        <div class="percent25">
                                            <%# CheckStatusDatetime(DateTime.Parse(Eval("NgayGioDi").ToString()))%></div>
                                    </div>
                                </ItemTemplate>
                            </asp:Repeater>
                            <div class="col-xs-3">
                                <asp:Literal runat="server" ID="litResultLKH" EnableViewState="False"></asp:Literal></div>
                        </div>
                    </div>
                    <div class="tab-pane" id="vyc-ndcb">
                        <h4>
                            Thông tin cần biết</h4>
                        <p>
                            <asp:Literal runat="server" ID="litInfo" EnableViewState="False"></asp:Literal>
                        </p>
                        <h4>
                            Visa</h4>
                        <p>
                            <asp:Literal runat="server" ID="litVisa" EnableViewState="False"></asp:Literal>
                        </p>
                        <h4>
                            Tips</h4>
                        <p>
                            <asp:Literal runat="server" ID="litMeovat" EnableViewState="False"></asp:Literal>
                        </p>
                        <h4>
                            Lưu ý</h4>
                        <p>
                            <asp:Literal runat="server" ID="litLuuy" EnableViewState="False"></asp:Literal>
                        </p>
                        <h4>
                            Điều khoản</h4>
                        <p>
                            <asp:Literal runat="server" ID="litDieukhoan" EnableViewState="False"></asp:Literal>
                        </p>
                    </div>
                    <div class="tab-pane" id="vyc-csckh">
                        Ý kiến khách hàng
                    </div>
                </div>
                <!-- end content -->
            </div>
            <p>
                <asp:HyperLink ID="HyperLink4" runat="server" CssClass="btn btn-danger"><i class="fa fa-bookmark"></i> Đặt tour</asp:HyperLink></p>
            <p>
                Tags:
                <asp:Repeater runat="server" ID="repeaterTags">
                    <ItemTemplate>
                        <asp:HyperLink ID="HyperLink5" CssClass="label label-danger" runat="server" NavigateUrl='<%# "~/tagged/" + Container.DataItem %>'>
                                  <%# Container.DataItem %>
                        </asp:HyperLink>
                    </ItemTemplate>
                </asp:Repeater>
            </p>
            <div class="comment-info-tour row">
                <div class="col-md-12">
                    <div class="fb-comments" data-href="<%= linkTour %>" data-numposts="10" data-width="630"
                        data-colorscheme="light">
                    </div>
                </div>
            </div>
            <div class="video-album-lienquan">
                <h4>
                    Alubm ảnh liên quan</h4>
                <div id="album-lienquan" class="scroll-img">
                    <ul>
                        <asp:Repeater runat="server" ID="repeaterAlbum">
                            <ItemTemplate>
                                <li class="img-element-album">
                                    <asp:HyperLink ID="HyperLink1" runat="server" NavigateUrl='<%# "~/album-anh/" + Eval("Id") %>'>
                                        <asp:Image ID="Image1" runat="server" ImageUrl='<%# "~/Upload/AlbumAnh/" + Eval("AnhDaiDien") %>' />
                                        <h4>
                                            <%# Eval("Ten")%>
                                        </h4>
                                    </asp:HyperLink>
                                </li>
                            </ItemTemplate>
                        </asp:Repeater>
                    </ul>
                    <asp:Literal runat="server" ID="litNoAlbum" EnableViewState="False"></asp:Literal>
                </div>
                <h4>
                    Video liên quan</h4>
                <div id="video-lienquan" class="scroll-video scroll-video-detail">
                    <ul>
                        <asp:Repeater runat="server" ID="repeaterVideos">
                            <ItemTemplate>
                                <li><a href='<%# "video/" + Eval("Id") %>'>
                                    <%# Eval("TieuDe")%></a>
                                    <object width="320" height="180">
                                        <param name="movie" value="<%# "https://www.youtube.com/v/" + Eval("LienKet") +"?version=3" %>">
                                        </param>
                                        <param name="allowFullScreen" value="true"></param>
                                        <param name="allowScriptAccess" value="always"></param>
                                        <embed src="<%# "https://www.youtube.com/v/" + Eval("LienKet") +"?version=3" %>"
                                            type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always"
                                            width="320" height="180" theme="light"></embed>
                                    </object>
                                </li>
                            </ItemTemplate>
                        </asp:Repeater>
                    </ul>
                    <asp:Literal runat="server" ID="litNovideo" EnableViewState="False"></asp:Literal>
                </div>
                <p>
                    <a href="javascript:void(0)" id="next-video">Next video</a></p>
            </div>
        </div>
        <!-- end noi dung chi tiet cua tour -->
        <div class="col-lg-4 col-md-4 col-xs-12">
            <div class="panel panel-info">
                <div class="panel-heading">
                    <h4 class="panel-title">
                        <i class="fa fa-map-marker"></i>Giới thiệu về điểm đến</h4>
                </div>
                <div class="panel-body">
                    <asp:Literal runat="server" ID="litGioithieudiemden" EnableViewState="False"></asp:Literal>
                    <div id="latlong" class="hidden">
                        <asp:Literal runat="server" ID="litLatlong" EnableViewState="False" /></div>
                </div>
                <div id="googleMap">
                </div>
                <script type="text/javascript" src="<%= Page.ResolveClientUrl("~/js/fixie.common.js") %>"></script>
                <script type="text/javascript">
                    google.maps.event.addDomListener(window, 'load', InitializeMap);
                </script>
            </div>
            <!-- Quang cao 1 -->
            <div class="thumbnail mg-top quang-cao">
                <asp:HyperLink ID="linkQuangcao01" runat="server" NavigateUrl="~/">
                    <asp:Image ID="imgQuangcao01" runat="server" ImageUrl="~/images/quang-cao.png" CssClass="display-100-percent"
                        AlternateText="Quang-cao" />
                </asp:HyperLink>
            </div>
            <!--/ end Quang cao 1 -->
            <div class="panel-group" id="accordion">
                <div class="panel panel-danger">
                    <div class="panel-heading">
                        <h4 class="panel-title">
                            <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne"><i class="fa fa-map-marker">
                            </i> Tour cùng điểm đến</a>
                        </h4>
                    </div>
                    <div id="collapseOne" class="panel-collapse collapse in">
                        <div class="panel-body">
                            <ul class="list-tour-ref">
                                <asp:Repeater runat="server" ID="repeaterTourCDD">
                                    <ItemTemplate>
                                        <li>
                                            <asp:HyperLink runat="server" NavigateUrl='<%# "~/tour/" + Eval("UniqueId") %>'>
                                            <%# Eval("TieuDe") %>
                                            </asp:HyperLink>
                                        </li>
                                    </ItemTemplate>
                                </asp:Repeater>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="panel panel-danger">
                    <div class="panel-heading">
                        <h4 class="panel-title">
                            <a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo"><i class="fa fa-money">
                            </i> Tour cùng mức giá</a>
                        </h4>
                    </div>
                    <div id="collapseTwo" class="panel-collapse collapse">
                        <div class="panel-body">
                            <ul class="list-tour-ref">
                                <asp:Repeater runat="server" ID="repeaterTourCMG">
                                    <ItemTemplate>
                                        <li>
                                            <asp:HyperLink ID="HyperLink3" runat="server" NavigateUrl='<%# "~/tour/" + Eval("UniqueId") %>'>
                                            <%# Eval("TieuDe") %>
                                            </asp:HyperLink>
                                        </li>
                                    </ItemTemplate>
                                </asp:Repeater>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="panel panel-danger">
                    <div class="panel-heading">
                        <h4 class="panel-title">
                            <a data-toggle="collapse" data-parent="#accordion" href="#collapseThree"><i class="fa fa-plane">
                            </i> Tour cùng dịp khởi hành</a>
                        </h4>
                    </div>
                    <div id="collapseThree" class="panel-collapse collapse">
                        <div class="panel-body">
                            <ul class="list-tour-ref">
                                <asp:Repeater runat="server" ID="repeaterTourCNKH">
                                    <ItemTemplate>
                                        <li>
                                            <asp:HyperLink ID="HyperLink3" runat="server" NavigateUrl='<%# "~/tour/" + Eval("UniqueId") %>'>
                                            <%# Eval("TieuDe") %>
                                            </asp:HyperLink>
                                        </li>
                                    </ItemTemplate>
                                </asp:Repeater>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Quang cao 2 -->
            <div class="thumbnail mg-top quang-cao">
                <asp:HyperLink ID="linkQuangcao02" runat="server" NavigateUrl="~/">
                    <asp:Image ID="imgQuangcao02" runat="server" ImageUrl="~/images/quang-cao.png" CssClass="display-100-percent"
                        AlternateText="Quang-cao" />
                </asp:HyperLink>
            </div>
            <!--/ end Quang cao 2 -->
            <div class="panel panel-danger tin-tuc-noibat fx-tintuc-nb">
                <div class="panel-heading">
                    <h4 class="panel-title">
                        <a href="javascript:void(0)"><i class="fa fa-star"></i> Tin tức nổi bật</a>
                    </h4>
                </div>
                <div class="panel-body">
                    <ul class="list-tour-ref">
                        <asp:Repeater runat="server" ID="repeaterTintuc">
                            <ItemTemplate>
                                <li>
                                    <asp:HyperLink runat="server" NavigateUrl='<%# "~/tintuc/" + Eval("UniqueId") %>'>
                                        <%# Eval("TieuDe") %>
                                    </asp:HyperLink>
                                </li>
                            </ItemTemplate>
                        </asp:Repeater>
                    </ul>
                </div>
            </div>
            <!-- Quang cao 3 -->
            <div class="thumbnail mg-top quang-cao">
                <asp:HyperLink ID="linkQuangcao03" runat="server" NavigateUrl="~/">
                    <asp:Image ID="imgQuangcao03" runat="server" ImageUrl="~/images/quang-cao.png" CssClass="display-100-percent"
                        AlternateText="Quang-cao" />
                </asp:HyperLink>
            </div>
            <!--/ end Quang cao 3 -->
        </div>
    </div>
    <script type="text/javascript" src="<%= Page.ResolveClientUrl("~/js/masonry.pkgd.min.js") %>"></script>
    <script type="text/javascript">
        $('#vyc-detail a').click(function (e) {
            e.preventDefault();
            $(this).tab('show');
        });

        $('#album-lienquan').scrollbox({
            direction: 'h',
            distance: 140
        });
        $('#video-lienquan').scrollbox({
            direction: 'h',
            distance: 140,
            autoPlay: false
        });
        $('#next-video').off("click").on("click", function () {
            $('#video-lienquan').trigger('forward');
        });
    </script>
</asp:Content>
